<!-- 空空如也或者未搜索到的路由配置 -->
<template>
  <div class="empty-box">
    <div class="img-box">
      <img v-if="!isSearch"
           src="../../assets/table_empty.png"
           alt=""
      >
      <img v-else
           src="../../assets/search_table_empty.png"
      >
      <p>
        {{ !isSearch ? '空空如也' : '没有找到您搜索的内容' }}
      </p>
    </div>
  </div>
</template>

<script lang='ts'>
import { Vue, Component, Prop } from 'vue-property-decorator'
@Component({
  name: 'Empty'
})
export default class extends Vue {
  @Prop({ default: false }) isSearch: boolean //用来区分是搜索还是默认无数据
}
</script>
<style scoped lang="scss">
.empty-box {
  text-align: center;
  margin: 130px 0;
  img {
    margin: 0 atuo;
    width: 250px;
    height: 200px;
    margin-top: 160px;
    margin-bottom: 30px;
  }
  p {
    color: #8799c7;
  }
}
</style>
